<template>
    <div class="banner-container mt-20">
        <div class="flex items-center ml-20">
            <img src="@/assets/image/market/eli.svg">
            <div class="flex flex-col ml-15">
                <div class="text-white font-26 font-bold">
                    {{ $t('Apple') }}
                </div>
                <div class="text-white font-20">
                    {{ $t('AAPL') }}
                </div>
            </div>
        </div>
        <div class="banner">
            <img src="@/assets/image/market/chart.png" alt="banner">
        </div>
    
    </div>
</template>
<script>
export default {
  name: 'Banner'
}
</script>
<style lang="scss" scoped>
.banner {
    img {
        width: 100%;
    }
}
</style>
